<include file="application/zhonghang/view/public/header.html"/>
	<body>
		<!--
        	作者：416153666@qq.com
        	时间：2015-12-15
        	描述：头部开始
        -->
					<!--小屏菜单 -->
		<div class="clearfix xs-nav" id="sidr-left">
			<ul>
<!--				<foreach name="xx" item="vc">-->
<!--					<li><a href="/zhonghang/{$vc.href}">{$vc.name}</a></li>-->
<!--				</foreach>-->
				<li><a href="/zhonghang/index/index">{$Think.lang.shouye}</a></li>
				<li><a href="/zhonghang/about/index">{$Think.lang.aboutme}</a></li>
				<li><a href="/zhonghang/collection/index/id/{$chanpin.id}">{$Think.lang.chanpin}</a></li>
				<li><a href="/zhonghang/Finance/index">{$Think.lang.yingyong}</a></li>
				<li><a href="/zhonghang/Member/index">{$Think.lang.xinwen}</a></li>
				<li><a href="/zhonghang/reg/index">{$Think.lang.zhaoxian}</a></li>
				<li><a href="/zhonghang/order/index">{$Think.lang.lianxi}</a></li>
			</ul>
		</div>
		<header id="header">
			<div class="top-bar">
				<div class="container">
					<div class="fl">

					</div>
					<div class="fr top-a">
						<a href="javacript:void(0);" lang='cn' class='btn'>中文简体</a>
						<a href="javacript:void(0);" lang='en' class='btn'>English</a>
						<!--<a href="javacript:void(0);" lang='cn' class='btn'>中文简体</a>-->
						<a href="javacript:void(0);" lang='ja' class='btn'>Japanese</a>

					</div>
				</div>
			</div>
			
			<div class="nav-box">
				<div class="container">
					<div class="fl">
						<a href="#"><img src="{$lists.w_logo}" class="logo"/></a>
					</div>
					<nav class="fr nav">
						<i class="icon-language"><img src="__PUBLIC__/home/img/header/yy.png"/></i>
						<i class="icon-menu"id="left-menu" >
							<img src="__PUBLIC__/home/img/header/nav.png"/>
						</i>
						<!--大屏菜单 -->
						<ul>
							<li><a href="/zhonghang/index/index">{$Think.lang.shouye}</a></li>
							<li><a href="/zhonghang/about/index">{$Think.lang.aboutme}</a></li>
							<li><a href="/zhonghang/collection/index/id/{$chanpin.id}">{$Think.lang.chanpin}</a></li>
							<li><a href="/zhonghang/Finance/index">{$Think.lang.yingyong}</a></li>
							<li><a href="/zhonghang/Member/index">{$Think.lang.xinwen}</a></li>
							<li><a href="/zhonghang/reg/index">{$Think.lang.zhaoxian}</a></li>
							<li><a href="/zhonghang/order/index">{$Think.lang.lianxi}</a></li>
						</ul>
					</nav>
				</div>
			</div>
			<div class="clearfix"></div>
			<div class="language-txt">
				<a href="javacript:void(0);" lang='cn' class='btn'>中文简体</a>
				<a href="javacript:void(0);" lang='en' class='btn'>English</a>
				<!--<a href="javacript:void(0);" lang='cn' class='btn'>中文简体</a>-->
				<a href="javacript:void(0);" lang='ja' class='btn'>Japanese</a>

			</div>
		</header>
	    <div class="swiper-container" id="t-ban">
        <div class="swiper-wrapper">
			<foreach name="res" item="vc">
            <div class="swiper-slide"><img src="{$vc.c_pic}" /></div>
			</foreach>
        </div>
   		 <!-- Add Pagination -->
   		 <div class="swiper-pagination"></div>
    </div>

    <!--最新产品区域-->
   <div class="container">
   		<div class="title-01">
   			<h2>{$Think.lang.zuixin}</h2>
   			<h3>LATEST PRODUCTS</h3>
   		</div>
   		
   		 <div class="swiper-container" id="sy-cplist">
        <div class="swiper-wrapper">
			<foreach name="rr" item="vv">
				<div class="swiper-slide">
					<div class="sy-cpbox">
						<div class="cp-img" >
							<a href="/zhonghang/collection/cp/id/{$vv.ct_gid}"><img src="{$vv.ct_pic}"/></a>
						</div>
						<p><a href="/zhonghang/collection/cp/id/{$vv.ct_gid}">{$vv.ct_name}</a></p>
					</div>
				</div>
			</foreach>

        </div>
   		 <!-- Add Pagination -->
   		 <div class="swiper-pagination"></div>
    </div>   		
   	<a href="/zhonghang/collection/index/id/{$chanpin.id}" class="cp-gd">{$Think.lang.gengduo} ></a>
   </div>
     <!--最新产品区域 结束-->
     
     <!--关于我们区域-->
     <div class="box2">
     	<div class="container">
 		   		<div class="title-01">
			   			<h2>{$Think.lang.aboutme}</h2>
			   			<h3>ABOUT US</h3>
			   	</div>
			   	
			   	<div class="sy-about clearfix">
			   		<img src="{$arr.c_pic}" class="about-img" />
			   		<div class="about-txt">
			   			<p>{$Think.lang.jjnr}</p>
			   		</div>
			   	</div>
			   	
     	</div>
     </div>
      <!--关于我们区域 结束-->  
      
<!--      &lt;!&ndash;新闻咨询&ndash;&gt;-->
<!--      <div class="container">-->
<!--      	 		<div class="title-01">-->
<!--			   			<h2>最新资讯</h2>-->
<!--			   			<h3>LATEST NEWS</h3>-->
<!--			   	</div>-->
<!--      	<div class="sy-newsbox row">-->
<!--      		<ul class="clearfix">-->
<!--      			<li class="col-md-6 col-lg-6 col-sm-12">-->
<!--      				<div class="sy-n-img">-->
<!--      					<a href="#"><img src="__PUBLIC__/home/img/header/n-img.jpg"/></a>-->
<!--      				</div>-->
<!--      				<div class="sy-n-txt">-->
<!--      					<h2><a href="#">焊光中的服务魅力—记售后服务工程师张德库</a></h2>-->
<!--      					<p>近日，客车在“领跑者SY6123豪华卧铺车”上率先采用CAN总线控制系统技术，成为中国客车行业使用CAN总线控制的先驱。</p>-->
<!--      				</div>      				-->
<!--      			</li>-->
<!--      			<li class="col-md-6 col-lg-6 col-sm-12">-->
<!--      				<div class="sy-n-img">-->
<!--      					<a href="#"><img src="__PUBLIC__/home/img/header/n-img.jpg"/></a>-->
<!--      				</div>-->
<!--      				<div class="sy-n-txt">-->
<!--      					<h2><a href="#">焊光中的服务魅力—记售后服务工程师张德库</a></h2>-->
<!--      					<p>近日，客车在“领跑者SY6123豪华卧铺车”上率先采用CAN总线控制系统技术，成为中国客车行业使用CAN总线控制的先驱。</p>-->
<!--      				</div>      				-->
<!--      			</li>-->
<!--      			<li class="col-md-6 col-lg-6 col-sm-12">-->
<!--      				<div class="sy-n-img">-->
<!--      					<a href="#"><img src="__PUBLIC__/home/img/header/n-img.jpg"/></a>-->
<!--      				</div>-->
<!--      				<div class="sy-n-txt">-->
<!--      					<h2><a href="#">焊光中的服务魅力—记售后服务工程师张德库</a></h2>-->
<!--      					<p>近日，客车在“领跑者SY6123豪华卧铺车”上率先采用CAN总线控制系统技术，成为中国客车行业使用CAN总线控制的先驱。</p>-->
<!--      				</div>      				-->
<!--      			</li>-->
<!--      			<li class="col-md-6 col-lg-6 col-sm-12">-->
<!--      				<div class="sy-n-img">-->
<!--      					<a href="#"><img src="__PUBLIC__/home/img/header/n-img.jpg"/></a>-->
<!--      				</div>-->
<!--      				<div class="sy-n-txt">-->
<!--      					<h2><a href="#">焊光中的服务魅力—记售后服务工程师张德库</a></h2>-->
<!--      					<p>近日，客车在“领跑者SY6123豪华卧铺车”上率先采用CAN总线控制系统技术，成为中国客车行业使用CAN总线控制的先驱。</p>-->
<!--      				</div>      				-->
<!--      			</li>-->
<!--      		</ul>-->
<!--      	</div>-->
<!--      	-->
<!--      </div>-->
<!--     -->
<!--     &lt;!&ndash;新闻咨询 结束&ndash;&gt;-->
     
      <!--
    	作者：416153666@qq.com
    	时间：2015-12-15
    	描述：首页布局区域结束
    --> 
    
     <!--网页底部-->
<include file="application/zhonghang/view/public/footer.html"/>
    
<!--网页底部 结束-->  
    
		
	 <!--首页语言切换JS-->	
<script type="text/javascript">
	$(document).ready(function(){
	  $(".icon-language").click(function(){
	  $(".language-txt").toggle(200);
	  });
});
</script>
 <!--首页焦点图 JS-->
    <script>
    var swiper = new Swiper('#t-ban', {
        pagination: '#t-ban .swiper-pagination',
        paginationClickable: true,
        loop : true,
        autoplay: 3000,
    });
    </script>
    
    
    
    
<!--    最新产品区域 JS-->
    <script>
    var swiper = new Swiper('#sy-cplist', {
        pagination: '#sy-cplist .swiper-pagination',
		preventClicks: false,
        slidesPerView: 4,
        spaceBetween: 50,
        breakpoints: {
            1000: {
                slidesPerView: 3,
                spaceBetween: 40
            },
            768: {
                slidesPerView: 2,
                spaceBetween: 30
            },
            640: {
                slidesPerView: 2,
                spaceBetween: 20
            },
            480: {
                slidesPerView: 1,
                spaceBetween: 10
            },
            320: {
                slidesPerView: 1,
                spaceBetween: 10
            }
        }
    });
    </script>
	
	</body>
</html>
<!--<script src="http://libs.baidu.com/jquery/1.10.2/jquery.js"></script>-->
<script>
    $('.btn').click(function(){
        var data={'lang':$(this).attr('lang')}
        $.get("{:url('Index/lang')}",data,function(){
            location.reload();
        })
    })
</script>


